<include file="Public:header" />
<style>
body{ background: #f1f1f1;}
.panel-heading {
   padding: 3px 15px;
}

#select{
  margin-right: 5px;
  margin-top: 3px;
}

.list-group {
	margin-bottom: 5px;
}
.pages {
	text-align: center;
}
a{color:#333;}
.panel{background:#fff;}
.headernav a{font-size:1.5em; color:#000;}
.media{padding-left:5px; padding-bottom:10px;}
	
</style>

<link rel="stylesheet" type="text/css" href="__PUBLIC__/Js/validform/style.css">
<script src="__PUBLIC__/Js/validform/Validform.js"></script>


<script>
	$.holdReady(false);
	$(document).ready(function(e) {
        $.ajax({
			url:"{:U('Home/Ajax/getRegion')}",
			data:"",
			type:"POST",
			dataType:"html",
			success: function(data){
				$('#areabox').html(data);
			}
		}); 
    });
	function removnextAll(e){
		if($(e).next().length>0){
			removnextAll($(e).next());
			$(e).next().remove();
		}
	}
	function sendRegion(e){
		if(e.value>0){
			$.ajax({
			url:"{:U('Home/Ajax/getRegion')}",
			data:"fid="+e.value,
			type:"POST",
			dataType:"html",
				success: function(data){
					removnextAll(e);
					$(e).parent().append(data);
				}
		    });
	    }else{
		    removnextAll(e);
	    }
	    return false;
	}

</script>





<form class="checkoutform" id="checkout" action="<?php echo U('insert');?>" method="post">


<div style="padding:10px;">
  <input type="hidden" value="address"  name="type">
  <div class="" style="margin-top:15px;">
  <p><strong>收货人<samp style="color:red;">*</samp></strong></p>
  <div class="">
    <input type="text" name="yourname" datatype="*" id="yourname" class="form-control" placeholder="收货人姓名(必填)" >
  </div>
  </div>
  
  <div class="" style="margin-top:15px;">
  <p><strong>手机号码<samp style="color:red;">*</samp></strong></p>
  <div class="">
    <input type="text" name="tel" datatype="m" id="tel" class="form-control" placeholder="收货人手机号(必填)" >
  </div>
  </div>
  
  <div class="" style="margin-top:15px;">
  <p><strong>配置地址<samp style="color:red;">*</samp></strong></p>
  <div class="">
    <span id="areabox"></span>
  </div>
  <br> 
  <div class="">
  <textarea name="address" class="form-control" datatype="*" placeholder="详细收货地址(必填)"></textarea>
    
  </div>
  </div>
  
  
  <div class="" style="margin-top:15px;">
  <br>
  <div class="">
    <input type="submit" class="form-control btn btn-success"  value="保存">
  </div>
  </div>
  
  
</div>

</form>

<script type="text/javascript">
$(".checkoutform").Validform();

</script>
<include file="Public:footer" />